<template>
  <div>
    <el-container>
      <el-aside width="300px" style="border-right: 1px solid #eee">
        <Chapter :curLessonPlan="curLessonPlan" />
      </el-aside>
      <el-main>
        <el-tabs v-model="activeName">
          <el-tab-pane label="授课计划管理" name="PlanSet"></el-tab-pane>
          <el-tab-pane label="签到表管理" name="SignIn"></el-tab-pane>
        </el-tabs>
        <!-- <PlanSet v-if="activeName == 1" :curLessonPlan="curLessonPlan" /> -->
        <!-- <SignIn v-if="activeName == 2" :curLessonPlan="curLessonPlan" /> -->
        <keep-alive>
          <component
            :is="activeName"
            :curLessonPlan="curLessonPlan"
          ></component>
        </keep-alive>
      </el-main>
    </el-container>
  </div>
</template>
<script>
import { mapGetters } from 'vuex'
export default {
  components: {
    Chapter: () => import('./Chapter.vue'),
    PlanSet: () => import('./PlanSet.vue'),
    SignIn: () => import('./SignIn.vue'),
  },
  data() {
    return {
      activeName: 'PlanSet',
    }
  },
  computed: mapGetters(['curLessonPlan']),
  mounted() {},
  methods: {},
}
</script>
<style scoped lang="scss">
</style>